window.onload=function(){

function pe(name){
    this.range=document.querySelectorAll(name);
}
   pe.prototype.choice=function(){
    var _this=this;
        for(let i=0;i<this.range.length;i++){
            this.range[i].onclick=function(){
                for(let j=0;j<_this.range.length;j++){
                    _this.range[j].style.backgroundColor="white";
                  _this.range[j].querySelector("a").style.color="black";
                }
                this.style.backgroundColor="red";
                this.querySelector("a").style.color="white";
            }
    }


}
var d1=new pe(".type-js>span");
d1.choice();
var d2=new pe(".type-js1>span");
d2.choice();
var d3=new pe(".type-js2>span");
d3.choice();
var d4=new pe(".type-js3>span");
d4.choice();
}